/* index.scss */
.ui-page-modal {
  z-index: 9993;
  .ui-modal-box {
    width: 80vw;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 16rpx;
    box-shadow:
            inset 0 0 1rpx var(--win-modal-boxShadowColor),
             0 0 5rpx var(--win-modal-boxShadowColor);
    background-color: var(--win-modal-backgroundColor);
    &-title {
      padding: 15rpx 0 15rpx 30rpx;
      border-bottom: 1rpx solid var(--win-modal-borderColor);
    }
    &-content {
      padding: 30rpx;
      min-height: 90rpx;
    }
    &-buttons-bg {
      height: 80rpx;
    }
    &-buttons {
      height: 80rpx;
      line-height: 80rpx;
      width: 100%;
      position: absolute;
      bottom: 0;
      left: 0;
      display: flex;
      justify-content: space-between;
      border-top: 1rpx solid var(--win-modal-borderColor);
      &-item {
        text-align: center;
        flex: auto;
      }
      &-cancel{
        border-right: 1rpx solid var(--win-modal-borderColor);
      }
    }
  }
}
.primary{
  color: var(--win-modal-primaryColor);
  font-weight: bold;
}
.mask {
  background-color: var(--win-modal-maskColor) !important;
}